Disc Sun Moon Planets Stars Square Sun Moon Planets Stars Circle Sun Moon Planets Stars Custom Sun Moon Planets Stars

Ordered List Wash Rinse Repeat Ordered List Indented Wash Rinse Repeat Ordered List Upper Roman Wash Rinse Repeat Ordered List Decimal Wash Rinse Repeat Upper Alpha Wash Rinse Repeat

SAMPLE CODE ul{ margin: 0 1.5em 0 1.5em; /*list-style-position: outside; */ /* list-style-position: inside; */ } ol.special { margin: 0 1.5em 0 1.5em; } ol.upperroman { list-style-type: upper-roman; } ol.decimalleadingzero { list-style-type: decimal-leading-zero; } ol.upperalpha { list-style-type: upper-alpha; } li{ margin: .75em; /* add space between items */ } ul.square { list-style-type: square; } ul.circle { list-style-type: circle; } ul.custom { list-style-image: url("../../images/reddot.png"); } ------------------------------------------------------------------ <ul> <li>Sun</li> <li>Moon</li> <li>Planets</li> <li>Stars</li> </ul> <br> Square <ul class="square"> <li>Sun</li> <li>Moon</li> <li>Planets</li> <li>Stars</li> </ul> <br> Circle <ul class="circle"> <li>Sun</li> <li>Moon</li> <li>Planets</li> <li>Stars</li> </ul> <br> Custom <ul class="custom"> <li>Sun</li> <li>Moon</li> <li>Planets</li> <li>Stars</li> </ul> <br> </td> <td width=40%></td> <td width=30%> Ordered List <ol> <li>Wash</li> <li>Rinse</li> <li>Repeat</li> </ol> Ordered List Indented <br> <ol class="special"> <li>Wash</li> <li>Rinse</li> <li>Repeat</li> </ol> <br> Ordered List Upper Roman <ol class="upperroman"> <li>Wash</li> <li>Rinse</li> <li>Repeat</li> </ol> <br> Ordered List Decimal <ol class="decimalleadingzero"> <li>Wash</li> <li>Rinse</li> <li>Repeat</li> </ol> <br> Upper Alpha <ol class="upperalpha"> <li>Wash</li> <li>Rinse</li> <li>Repeat</li> </ol>